<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>皇甫酱菜</title>
<!-- ALL STYLESHEET -->
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">
</head>
<body>
    
	<!-- header -->
	<header class="header"> <!-- header top -->
	<div class="header-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-1">
					<ul class="list-inline">
						<li>
							<div>
								<a class="dropdown-toggle" data-toggle="dropdown"
									aria-haspopup="true" aria-expanded="false"><img
									src="/images/is.png" alt="" /> 中国 </a>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-sm-9">
					<ul class="list-inline">
						<li><a href="#"><i class="fa fa-mobile"></i>0530-5637355</a></li>
						<li><a href="#"><i class="fa fa-envelope-o"></i>liyongguan_soft@126.com</a></li>
					</ul>
				</div>
				<div class="col-sm-2">
					<ul class="list-inline pull-right">
                   	 	<li><a href="javascript:;" title="Login or Register"><i class="icon fa fa-user fa-lg"></i><span>登录|注册</span></a></li>
					</ul>
					
				</div>
			</div>
		</div>
	</div>

	<!-- logo and adds -->
	<div class="logo-add">
		<div class="container">
			<div class="row">
				<div class="col-sm-4">
					<div class="logo">
						<i class="fa "></i>皇甫 - 酱菜 - 总店
					</div>
				</div>
				<div class="col-sm-4">
					<h4 class="add bb-year-end-ribbon hidden-xs">
						<span> 欢 迎 <span> 惠 顾 </span> 本 店 ！
						</span>
					</h4>
				</div>
				<div class="col-sm-4">
					<ul class="list-inline pull-right">
                   	 	<li><a href="../cart" title="购物车"><i class="icon fa fa-shopping-cart fa-lg"></i><span>购物车</span></a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>

	<!-- header bottom -->
	<div class="header-bottom">
		<div class="row">
			<div class="col-sm-12">
				<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="collapse navbar-collapse" id="header-bottom">
						<ul class="nav navbar-nav">
							<li class="active"><a href="../index">首页</a></li>
							<li><a href="../product">商品</a></li>
							<li><a href="../faq">F&Q(问答)</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="blog-details.html">Blog Detail</a></li>
							<li><a href="../about">关于我们</a></li>
							<li><a href="../contact">联系我们</a></li>
						</ul>
						<form class="navbar-form navbar-right" role="sousuo">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="搜索...">
								<span class="nav-search"><a href="#"><i
										class="fa fa-search"></i></a></span>
							</div>
						</form>
					</div>
				</div>
				</nav>
			</div>
		</div>
	</div>
	</header>

	<!-- home -->
	<section class="home">
	<div class="intro">
		<div id="home" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#home" data-slide-to="0" class="active"></li>
				<li data-target="#home" data-slide-to="1"></li>
				<li data-target="#home" data-slide-to="2"></li>
				<li data-target="#home" data-slide-to="3"></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>商品1</h1>
									<h2>
										原价10元 <span class="highlight">现价9元</span>
									</h2>
									<p>指的是流通企业外购或委托加工完成,验收入库用于销售的各种商品。商品的基本属性是价值和使用价值。价值是商品的本质属性,使用价值是商品的自然属性。</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="/images/person.png"
									height="742" alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>商品2</h1>
									<h2>
										原价10元 <span class="highlight">现价9元</span>
									</h2>
									<p>指的是流通企业外购或委托加工完成,验收入库用于销售的各种商品。商品的基本属性是价值和使用价值。价值是商品的本质属性,使用价值是商品的自然属性。</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="/images/option.png" alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>商品3</h1>
									<h2>
										原价10元 <span class="highlight">现价9元</span>
									</h2>
									<p>指的是流通企业外购或委托加工完成,验收入库用于销售的各种商品。商品的基本属性是价值和使用价值。价值是商品的本质属性,使用价值是商品的自然属性。</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="/images/option.png" alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>商品4</h1>
									<h2>
										原价10元 <span class="highlight">现价9元</span>
									</h2>
									<p>指的是流通企业外购或委托加工完成,验收入库用于销售的各种商品。商品的基本属性是价值和使用价值。价值是商品的本质属性,使用价值是商品的自然属性。</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="/images/person.png" alt="" />
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- Controls -->
			<a class="left carousel-control" href="#home" role="button"
				data-slide="prev"><i class="fa fa-angle-left"></i></a> <a
				class="right carousel-control" href="#home" role="button"
				data-slide="next"><i class="fa fa-angle-right"></i></a>
		</div>
	</div>
	</section>

	<!-- service -->
	<section class="service">
	<div class="container">
		<div class="row">
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-android"></i></span>
					<h3>酱油醋</h3>
					<p>酱油醋包含各自品牌，而且各品牌酱油醋均天然酿造而成，醇香沁鼻，口味正宗。</p>
				</div>
			</div>
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-apple"></i></span>
					<h3>调味品</h3>
					<p>酱油醋包含各自品牌，而且各品牌酱油醋均天然酿造而成，醇香沁鼻，口味正宗。</p>
				</div>
			</div>
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-html5"></i></span>
					<h3>酵母</h3>
					<p>酵母为天然发酵，不添加任何防腐剂，蒸出来的的食品香甜可口，酥软迷人。</p>
				</div>
			</div>
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-css3"></i></span>
					<!--span><i class="fa fa-folder-o s-icon"></i></span-->
					<h3>酱菜</h3>
					<p>酱油醋包含各自品牌，而且各品牌酱油醋均天然酿造而成，醇香沁鼻，口味正宗。</p>
				</div>
			</div>
		</div>
	</div>
	</section>

	<!-- featured product -->
	<section class="featured-product">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="">
					<h1>
						<span class="t-color-1">热销</span> 商品
					</h1>
					<div class="heading-border b-color-1"></div>
				</div>
			</div>
		</div>
		<!-- section title -->
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"><i class="fa fa-angle-left"></i></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"><i
					class="fa fa-angle-right"></i></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> 
									<img class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
								
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="/images/f-pro-1.jpg" alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<button  class="btn btn-default" onclick="add()">加入购物车</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>

	<!-- emarket adds -->
	<section class="emarket-adds">
	<div class="container">
		<div class="row">
			<div class="col-sm-4">
				<div class="single-add">
					<h4>
						Get <span>50%</span> Discount
					</h4>
					<a href="#" class="btn btn-default" role="button">Learn More</a> <span
						class="img-add"><img src="/images/red-tablet.png" alt="" /></span>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="single-add">
					<h4>
						Best <span>Offer</span> for You
					</h4>
					<a href="#" class="btn btn-default" role="button">Learn More</a> <span
						class="img-add"><img src="/images/red-tablet.png" alt="" /></span>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="single-add">
					<h4>
						<span>Only</span> Best smartphone
					</h4>
					<a href="#" class="btn btn-default" role="button">Learn More</a> <span
						class="img-add"><img src="/images/red-tablet.png" alt="" /></span>
				</div>
			</div>
		</div>
	</div>
	</section>

	<!-- best selling -->
	<section class="best-selling">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<h1>
					<span class="t-color-2">特惠</span> 商品 <small
						class="btn-group hidden-xs"> <a
						class=" btn btn-default btn-sm dropdown-toggle"
						data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All
							Categries <i class="fa fa-bars"></i>
					</a>
						<ul class="dropdown-menu">
							<li><a href="#">Option 1</a></li>
							<li><a href="#">Option 2</a></li>
						</ul>
					</small>
				</h1>
				<div class="heading-border b-color-2"></div>
			</div>
		</div>
		<!-- section title -->
		<div id="best-selling" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#best-selling" data-slide-to="0" class="active"><i
					class="fa fa-angle-left"></i></li>
				<li data-target="#best-selling" data-slide-to="1"><i
					class="fa fa-angle-right"></i></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="row">
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">加入购物车</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img src="/images/e-add-1.jpg" alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">加入购物车</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="row">
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img src="/images/e-add-1.jpg" alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">加入购物车</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img src="/images/e-add-1.jpg" alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">加入购物车</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>


	<!-- product info -->
	<section class="product-info">
	<div class="container">
		<div class="row">
			<div class="col-sm-4">
				<h1>
					<span class="t-color-3">新上</span> 商品
				</h1>
				<div class="heading-border b-color-3"></div>
				<ul class="media-list">
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
				</ul>
			</div>
			<div class="col-sm-4">
				<h1>
					<span class="t-color-4">特价</span> 商品
				</h1>
				<div class="heading-border b-color-4"></div>
				<ul class="media-list">
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
				</ul>
			</div>
			<div class="col-sm-4">
				<h1>
					<span class="t-color-5">Top</span> 商品
				</h1>
				<div class="heading-border b-color-5"></div>
				<ul class="media-list">
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="/images/product-1.jpg" alt=""> <a href="#"><i
								class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	</section>

	<!-- Recent Post -->
	<section class="recent-post">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<h1>
					<span class="t-color-6">最新</span> 商品
				</h1>
				<div class="heading-border b-color-6"></div>
			</div>
		</div>
		<!-- section title -->
		<div id="recent-post" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#recent-post" data-slide-to="0" class="active"><i
					class="fa fa-angle-left"></i></li>
				<li data-target="#recent-post" data-slide-to="1"><i
					class="fa fa-angle-right"></i></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="/images/e-add-1.jpg" alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>

	<footer>
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-3">
					<h2>About E-Market</h2>
					<div class="heading-border b-color-1"></div>
					<p>Nam apeirian assentior ei, utquo eros posse verterem. Cum eu
						error congue saperet. Te eam exerci vulputate consetetur, causae
						consulatu eaper, apeirian assentior ei, utquo eros posse verterem.
						Cum eu error congue saperet. Te eam exerci vulputate consetetur,
						causae consulatu eaper</p>
					<div>
						<a href="">Read More <i class="fa fa-angle-double-right"></i></a>
					</div>
					<strong>Newsletter</strong>
					<form class="navbar-for" role="email">
						<div class="form-group">
							<input type="text" class="form-control"
								placeholder="Email Address"> <span class="nav-search"><a
								href="#"><i class="fa fa-envelope"></i></a></span>
						</div>
					</form>
					<small>Eros posse verterem congue saperet.</small>
				</div>
				<div class="col-sm-3">
					<h2>Featured Products</h2>
					<div class="heading-border b-color-1"></div>

				</div>
				<div class="col-sm-3">
					<h2>Latest News</h2>
				</div>
				<div class="col-sm-3">
					<h2>Contact us</h2>
					<div class="heading-border b-color-1"></div>
					<strong class="media-heading">Address</strong>
					<p>Lebel 2, 13 Elezabe St, Melbounire, Victoria 3000, +8492575,
						USA</p>

					<strong class="media-heading">Phone & Fax</strong>
					<p>+880183947930</p>
					<p>+(980)1839479</p>

					<strong class="media-heading">E-Mail Address</strong>
					<p>support@gmail.com</p>
					<p>example@gmail.com</p>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 text-center">
					<p>
						Copyright 2015 made by <a href="#">Bootultra.com</a> & Disign by
						Shaifuddin. All Rights Reserved.
					</p>
				</div>
			</div>
		</div>
	</div>
	</footer>

	<!-- ALL JAVASCRIPT -->
	<script src="/js/jquery.js"></script>
	<script src="/bootstrap/js/bootstrap.min.js"></script>
	<script src="/js/custom.js"></script>
</body>
</html>